---
title: '20 Javascript Mini Project'
description: 'An attempt to study Vanilla JavaScript faster by creating a bunch of simple projects, done in a month.'
publishedAt: '2021-01-01'
techs: 'javascript'
banner: 'projects/20-javascript_jf11ja'
---

> ## 1 - Quote Generator

[Check Repository](https://github.com/theodorusclarence/quote-generator)

<LiteYouTubeEmbed
  id='KX5ZMPVEdqY'
  poster='maxresdefault'
  title='1 - Quote Generator'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 2 - Infinite Scrolling

[Check Repository](https://github.com/theodorusclarence/infinite-scrolling)

<LiteYouTubeEmbed
  id='hM2PYnzCtgY'
  poster='maxresdefault'
  title='2 - Infinite Scrolling'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 3 - Picture In Picture

[Check Repository](https://github.com/theodorusclarence/picture-in-picture)

<LiteYouTubeEmbed
  id='q1q8ENcfoaU'
  poster='maxresdefault'
  title='3 - Picture In Picture'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 4 - Joke Teller

[Check Repository](https://github.com/theodorusclarence/joke-teller)

<LiteYouTubeEmbed
  id='DmrVTIDrQKE'
  poster='maxresdefault'
  title='4 - Joke Teller'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 5 - Dark Light Mode

[Check Repository](https://github.com/theodorusclarence/dark-light-mode)

<LiteYouTubeEmbed
  id='kxhg8skgnKg'
  poster='maxresdefault'
  title='5 - Dark Light Mode'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 6 - Password Validation

[Check Repository](https://github.com/theodorusclarence/password-validation)

<LiteYouTubeEmbed
  id='PxB4s3kJ4ms'
  poster='maxresdefault'
  title='6 - Password Validation'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 7 - Animated Navigation

[Check Repository](https://github.com/theodorusclarence/animated-navigation)

<LiteYouTubeEmbed
  id='04FpGPtjjgQ'
  poster='maxresdefault'
  title='7 - Animated Navigation'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 8 - Music Player

[Check Repository](https://github.com/theodorusclarence/music-player)

<LiteYouTubeEmbed
  id='IQHb-9No_88'
  poster='maxresdefault'
  title='8 - Music Player'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 9 - Custom Countdown

[Check Repository](https://github.com/theodorusclarence/custom-countdown)

<LiteYouTubeEmbed
  id='TC6piG0ClNE'
  poster='maxresdefault'
  title='9 - Custom Countdown'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 10 - Bookmark App

[Check Repository](https://github.com/theodorusclarence/bookmark-app)

<LiteYouTubeEmbed
  id='6y-tY7TPCs4'
  poster='maxresdefault'
  title='10 - Bookmark App'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 11 - Video Player

[Check Repository](https://github.com/theodorusclarence/video-player)

<LiteYouTubeEmbed
  id='AiAIBpzbOIk'
  poster='maxresdefault'
  title='11 - Video Player'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 12 - Form Validation

[Check Repository](https://github.com/theodorusclarence/form-validation)

<LiteYouTubeEmbed
  id='vj_B5AFXbdI'
  poster='maxresdefault'
  title='12 - Form Validation'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 13 - Rock Paper Scissor

[Check Repository](https://github.com/theodorusclarence/rock-paper-game)

<LiteYouTubeEmbed
  id='tfCx_H1uSOY'
  poster='maxresdefault'
  title='13 - Rock Paper Scissor'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 14 - NASA Pictures

[Check Repository](https://github.com/theodorusclarence/nasa-pictures)

<LiteYouTubeEmbed
  id='i0rlj4nyl4A'
  poster='maxresdefault'
  title='14 - NASA Pictures'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 15 - Math Sprint Game

[Check Repository](https://github.com/theodorusclarence/math-sprint-game)

<LiteYouTubeEmbed
  id='75hbfg1Z5T0'
  poster='maxresdefault'
  title='15 - Math Sprint Game'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 16 - Kanban Board

[Check Repository](https://github.com/theodorusclarence/trello-board)

<LiteYouTubeEmbed
  id='1aMxuVDGLKM'
  poster='maxresdefault'
  title='16 - Kanban Board'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 17 - Calculator

[Check Repository](https://github.com/theodorusclarence/calculator)

<LiteYouTubeEmbed
  id='my2nDjAHOm8'
  poster='maxresdefault'
  title='17 - Calculator'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 18 - Typing Animation

[Check Repository](https://github.com/theodorusclarence/typewriter)

<LiteYouTubeEmbed
  id='OZ-4Xpg2-M0'
  poster='maxresdefault'
  title='18 - Typing Animation'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>

> ## 19 - Paint Clone

[Check Repository](https://github.com/theodorusclarence/paint-clone)

<LiteYouTubeEmbed
  id='lZAlTuZaa5w'
  poster='maxresdefault'
  title='19 - Paint Clone'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>
 

> ## 20 - Typing Game

[Check Repository](https://github.com/theodorusclarence/typing-game)

<LiteYouTubeEmbed
  id='psEMYsbpmtA'
  poster='maxresdefault'
  title='20 - Typing Game'
  noCookie={true}
  aspectHeight={3}
  aspectWidth={4}
/>
 
